<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>登录</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- Le styles -->
    <link rel="stylesheet" href="/static/css/bootstrap.min.css" type="text/css"/>
    <link href="//cdnjs.bootcss.com/ajax/libs/twitter-bootstrap/2.3.1/css/bootstrap-responsive.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/static/css/styles.css" type="text/css"/>
    <style type="text/css">
      body {
        padding-top: 40px;
        padding-bottom: 40px;
        background-color: #f5f5f5;
        height: 100%;
      }
    </style>

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="//cdnjs.bootcss.com/ajax/libs/html5shiv/3.6.2/html5shiv.js"></script>
    <![endif]-->
  </head>
  <body >
        <div class="background">
            <img class="backimage" src="/static/images/background.jpg" />
        </div>
    <div class="container">
    <!-- <% if(locals.error){ %>
    <div class="alert alert-error">
        <a class="close" data-dismiss="alert" href="#">&times;</a>
        <strong><%= error %></strong>
    </div>
    <% } %> -->

    <div class="front-welcome-text">
        <h1>欢迎来到 <p class="up">T</p><p class="down">or</p><p class="strong">nado</p></h1>
        <p>与你关心的人们一起，探寻变化的大千世界。</p>
    </div>

    <form class="form-signin" action='/login' method='post'>
        {{ xsrf_form_html() }}
        <input type="text" id = "name" name="name" class="input-block-level" placeholder="用户名/Email" />
        <input type="password" id="pass" name="pass" class="input-block-level" placeholder="密码">
        <label class="checkbox">
        <input type="checkbox" value="remember-me">记住我 </label>
        <button class="btn btn-block btn-info" type="submit">登录</button>
    </form>
    
    <form class="form-up" action='/signup' method='post'>
        {{ xsrf_form_html() }}
        <label class="form-signin-heading">新来的？</label>
        <input type="text" id="sign-name" class="input-block-level" placeholder="Email">
        <input type="password" id="pass-sign" class="input-block-level" placeholder="密码">
        <input type="password" id="pass-sign2" class="input-block-level" placeholder="确认密码">
        <button class="btn signup-btn btn-block" type="submit" >注册</button>
    </form>

</div>
<!-- /container -->
<!-- TODO Jquery表单验证 -->

<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="//cdnjs.bootcss.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//cdnjs.bootcss.com/ajax/libs/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
</body>
</html>